<div class="ivu-form ivu-form-label-right bc-white"><script>
  window.custFormComponentMixin ={
    data: function () {
      return {"test":"helloWorld"};
    },
    created:function(){
      console.log("脚本将会混入自定义表单组件中...");
    },methods:{
      testaaa:function(){alert(1)},
      custValid:function(){
        // 执行业务校验，return false则终止提交
        return true;
      }
    }
  }
</script><div class="ibox-title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<strong>产品管理</strong><hr>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<strong>1、设置产品基本信息</strong><strong></strong> </div>
<div class="panel-body">

  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.product_name">
    <label class="form-item-label">产品名称:</label>
    <div class="form-item-content"> <input type="text" class=" form-control" v-model="data.product_management.product_name" v-ab-permission="permission.product_management.product_management.product_name" desc="产品管理-产品名称" v-ab-validate="{&quot;maxlength&quot;:128,&quot;required&quot;:true}"> </div>
  </div>
  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.product_labeling">
    <label class="form-item-label">产品标签:</label>
    <div class="form-item-content"> <input type="text" class=" form-control" v-model="data.product_management.product_labeling" v-ab-permission="permission.product_management.product_management.product_labeling" desc="产品管理-产品标签" v-ab-validate="{&quot;maxlength&quot;:256,&quot;required&quot;:true}" style="max-width: 300px !important;" disabled="disabled"><ab-cust-dialog class="btn btn-primary fa-search" href="javascript:void(0)" dialog-key="label_tree" :model="data.product_management" :query-param="{id:data.product_management.id,parent_ID:data.product_management.product_labeling}" :init-param="{}" :dialog-setting="{&quot;multiple&quot;:true}" value-labelname="product_labeling">标签列表</ab-cust-dialog> </div>
  </div>
  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.related_products"><label class="form-item-label">相关产品:</label><div class="form-item-content"><input type="text" class=" form-control" v-model="data.product_management.related_products" v-ab-permission="permission.product_management.product_management.related_products" desc="产品管理-相关产品" v-ab-validate="{&quot;maxlength&quot;:256}" style="max-width: 300px !important;" disabled="disabled"><ab-cust-dialog class="btn btn-primary fa-search" href="javascript:void(0)" dialog-key="product_list" :model="data.product_management" :query-param="{}" :init-param="{}" :dialog-setting="{&quot;multiple&quot;:true}" value-productname="related_products">产品列表</ab-cust-dialog></div></div>

  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.related_business_personnel">
    <label class="form-item-label">业务人员:</label>
    <div class="form-item-content"> <ab-dynamic-select type="text" class=" form-control" v-model="data.product_management.related_business_personnel" v-ab-permission="permission.product_management.product_management.related_business_personnel" desc="产品管理-业务人员" v-ab-validate="{&quot;maxlength&quot;:256}" dialog-key="cpbq" :param="{}" :init-param="{}" op-val="usernickname" op-txt="usernickname" :disabled="permission.product_management.product_management.related_business_personnel==='r'">​</ab-dynamic-select> </div>
  </div>
  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.is_popular">
    <label class="form-item-label">是否热门:</label>
    <div class="form-item-content"> <div>
      <label class=" radio-inline"><input type="radio" v-model="data.product_management.is_popular" v-ab-permission="permission.product_management.product_management.is_popular" desc="产品管理-是否热门" v-ab-validate="{&quot;maxlength&quot;:6}" value="0">非热门</label>
      <label class=" radio-inline"><input type="radio" v-model="data.product_management.is_popular" v-ab-permission="permission.product_management.product_management.is_popular" desc="产品管理-是否热门" v-ab-validate="{&quot;maxlength&quot;:6}" value="1">热门</label>
    </div> </div>
  </div>
  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.popular_sorting">
    <label class="form-item-label">热门排序:</label>
    <div class="form-item-content"> <ab-number type="text" class=" form-control" v-model="data.product_management.popular_sorting" v-ab-permission="permission.product_management.product_management.popular_sorting" desc="产品管理-热门排序" v-ab-validate="{&quot;maxlength&quot;:10}" decimal-place="0" coin-value="" :comdify="false"></ab-number> </div>
  </div>
  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.recommend_it">
    <label class="form-item-label">是否推荐:</label>
    <div class="form-item-content"> <div>
      <label class=" radio-inline"><input type="radio" v-model="data.product_management.recommend_it" v-ab-permission="permission.product_management.product_management.recommend_it" desc="产品管理-是否推荐" v-ab-validate="{&quot;maxlength&quot;:6}" value="0">不推荐</label>
      <label class=" radio-inline"><input type="radio" v-model="data.product_management.recommend_it" v-ab-permission="permission.product_management.product_management.recommend_it" desc="产品管理-是否推荐" v-ab-validate="{&quot;maxlength&quot;:6}" value="1">推荐</label>
    </div> </div>
  </div>

  <div class="col-xs-6 form-item" v-ab-permission:show="permission.product_management.product_management.recommended_sorting">
    <label class="form-item-label">推荐排序:</label>
    <div class="form-item-content">
      <ab-number type="text" class=" form-control" v-model="data.product_management.recommended_sorting" v-ab-permission="permission.product_management.product_management.recommended_sorting" desc="产品管理-推荐排序" v-ab-validate="{&quot;maxlength&quot;:10}" decimal-place="0" coin-value="" :comdify="false">
      </ab-number>
    </div>
  </div>


  <div class="col-xs-12 form-item" v-ab-permission:show="permission.product_management.product_management.training_status">
    <label class="form-item-label">训练状态:</label>
    <div class="form-item-content"><div>
      <label class=" radio-inline">
        <input type="radio" v-model="data.product_management.training_status" v-ab-permission="permission.product_management.product_management.training_status" desc="产品管理-训练状态" v-ab-validate="{&quot;maxlength&quot;:10}" value="0">待训练</label>
      <label class=" radio-inline">
        <input type="radio" v-model="data.product_management.training_status" v-ab-permission="permission.product_management.product_management.training_status" desc="产品管理-训练状态" v-ab-validate="{&quot;maxlength&quot;:10}" value="1">训练成功</label>
      <label class=" radio-inline">
        <input type="radio" v-model="data.product_management.training_status" v-ab-permission="permission.product_management.product_management.training_status" desc="产品管理-训练状态" v-ab-validate="{&quot;maxlength&quot;:10}" value="2">训练失败</label>
    </div>
    </div>
  </div>




  <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<strong>2、设置产品宣传信息<br></strong><br>



  <div class="col-xs-12 form-item" v-ab-permission:show="permission.product_management.product_management.promotion_type">
    <label class="form-item-label">宣传类型:</label>
    <div class="form-item-content"> <div>
      <label class=" radio-inline"><input type="radio" v-model="data.product_management.promotion_type" v-ab-permission="permission.product_management.product_management.promotion_type" desc="产品管理-宣传类型" v-ab-validate="{&quot;maxlength&quot;:50}" value="1">视频轮播</label>
      <label class=" radio-inline"><input type="radio" v-model="data.product_management.promotion_type" v-ab-permission="permission.product_management.product_management.promotion_type" desc="产品管理-宣传类型" v-ab-validate="{&quot;maxlength&quot;:50}" value="2">图片轮播</label>
    </div> </div>
  </div>
  <div class="ibox-title" style="border-width: 0px 0 0">
    <label style="margin-left: 2%;">宣传视频:</label>
    <ab-sub-add class="btn btn-primary btn-sm fa fa-plus" v-model="data.product_management.product_video_imgList" v-bind:init-data="initData.product_management.product_video_img" v-ab-permission:edit="tablePermission.product_management.product_video_img" ab-init-first-row="true">添加 </ab-sub-add>
  </div>

  <div id="product_management-product_video_img" style="width: 90%;margin-left: 5%;" table-key="product_video_img" v-ab-permission:show="tablePermission.product_management.product_video_img" v-if="data.product_management.promotion_type == 1">
    <div>

      <table class="form-table">
        <thead>
        <tr class="firstRow">
          <th v-ab-permission:show="permission.product_management.product_video_img.img">视频封面</th>
          <th v-ab-permission:show="permission.product_management.product_video_img.video">视频</th>
          <th v-ab-permission:edit="tablePermission.product_management.product_video_img">操作</th>
        </tr>
        </thead>
        <tbody><tr scope="" v-slot="scope" :permissiona="permission" :table-permissiona="tablePermission" v-for="(product_video_img,index) in data.product_management.product_video_imgList">
          <td v-ab-permission:show="permission.product_management.product_video_img.img"><ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="product_video_img.img" :ab-permission="scope.permission.product_management.product_video_img.img" :desc="'产品视频封面表-视频封面【第'+(index+1)+'条】'" :config="{'accept':{'extensions':'jpg,png,jpeg,JPG,PNG,JPEG','mimeTypes':'.jpg,.png,.jpeg,.JPG,.PNG,.JPEG'}}"></ab-upload></td>
          <td v-ab-permission:show="permission.product_management.product_video_img.video"><ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="product_video_img.video" :ab-permission="scope.permission.product_management.product_video_img.video" :desc="'产品视频封面表-视频【第'+(index+1)+'条】'" :config="{'accept':{'extensions':'mp3,mp4,MP3,MP4','mimeTypes':'.mp3,.mp4,.MP3,.MP4'}}"></ab-upload></td>
          <td v-ab-permission:edit="scope.tablePermission.product_management.product_video_img">
            <ab-sub-del class="btn btn-danger btn-sm fa fa-delete" v-model="data.product_management.product_video_imgList" v-bind:index="index" v-ab-permission:edit="scope.tablePermission.product_management.product_video_img">移除</ab-sub-del>
          </td>
        </tr>
        </tbody></table>
    </div>
  </div>




  <div class="col-xs-12 form-item" v-ab-permission:show="permission.product_management.product_management.promotional_images" v-if="data.product_management.promotion_type == 2">
    <label class="form-item-label">宣传图片:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.promotional_images" :ab-permission="permission.product_management.product_management.promotional_images" desc="产品管理-图片附件" :config="{'accept':{'extensions':'jpg,png,jpeg,JPG,PNG,JPEG','mimeTypes':'.jpg,.png,.jpeg,.JPG,.PNG,.JPEG'}}"></ab-upload> </div>
  </div>

  <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<strong>3、设置产品特点介绍<br>​</strong><br>


  <div class="col-xs-12 form-item" v-ab-permission:show="permission.product_management.product_management.product_introduction">
    <label class="form-item-label">产品介绍:</label>
    <div class="form-item-content"> <textarea type="text" class=" form-control" v-ab-permission="permission.product_management.product_management.product_introduction" desc="产品管理-产品介绍" v-ab-validate="{&quot;maxlength&quot;:256}" v-model="data.product_management.product_introduction" height="120" width="500" style=" width: 500px ;  height: 120px;  display: inline-block;"></textarea> </div>
  </div>
  <div class="col-xs-12 form-item" v-ab-permission:show="permission.product_management.product_management.product_related_images">
    <label class="form-item-label">相关图片:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.product_related_images" :ab-permission="permission.product_management.product_management.product_related_images" desc="产品管理-产品相关图片" :config="{'accept':{'extensions':'jpg,png,jpeg,JPG,PNG,JPEG','mimeTypes':'.jpg,.png,.jpeg,.JPG,.PNG,.JPEG'}}"></ab-upload> </div>
  </div>
  <div class="col-xs-12 form-item" v-ab-permission:show="permission.product_management.product_management.product_introduction_document">
    <label class="form-item-label">介绍文件:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.product_introduction_document" :ab-permission="permission.product_management.product_management.product_introduction_document" desc="产品管理-产品介绍文件" :config="{'accept':{'extensions':'DOC,DOCX,pdf,doc,docx,txt,xls,xlsx','mimeTypes':'.DOC,.DOCX,.pdf,.doc,.docx,.txt,.xls,.xlsx'}}"></ab-upload> </div>
  </div>

  <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<strong>4、业务发展路径<br>​</strong><br>

  <div style="width: 22%;" class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.product_selling_points">
    <label class="form-item-label">产品卖点:</label>
    <div class="form-item-content"> <textarea type="text" class=" form-control" v-ab-permission="permission.product_management.product_management.product_selling_points" desc="产品管理-产品卖点" v-ab-validate="{&quot;maxlength&quot;:256}" v-model="data.product_management.product_selling_points" height="120" width="500" style=" width: 200px ;  height: 120px;  display: inline-block;"></textarea> </div>
  </div>
  <div style="width: 22%;" class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.marketing_recommendations">
    <label class="form-item-label">营销建议:</label>
    <div class="form-item-content"> <textarea type="text" class=" form-control" v-ab-permission="permission.product_management.product_management.marketing_recommendations" desc="产品管理-营销建议" v-ab-validate="{&quot;maxlength&quot;:256}" v-model="data.product_management.marketing_recommendations" height="120" width="500" style=" width: 200px ;  height: 120px;  display: inline-block;"></textarea> </div>
  </div>
  <div style="width: 22%;" class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.fill_in_the_acceptance_form">
    <label class="form-item-label">填写受理:</label>
    <div class="form-item-content"> <textarea type="text" class=" form-control" v-ab-permission="permission.product_management.product_management.fill_in_the_acceptance_form" desc="产品管理-填写受理" v-ab-validate="{&quot;maxlength&quot;:256}" v-model="data.product_management.fill_in_the_acceptance_form" height="120" width="500" style=" width: 200px ;  height: 120px;  display: inline-block;"></textarea> </div>
  </div>
  <div style="width: 22%;" class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.related_policies">
    <label class="form-item-label">相关政策:</label>
    <div class="form-item-content"> <textarea type="text" class=" form-control" v-ab-permission="permission.product_management.product_management.related_policies" desc="产品管理-相关政策" v-ab-validate="{&quot;maxlength&quot;:256}" v-model="data.product_management.related_policies" height="120" width="500" style=" width: 200px ;  height: 120px;  display: inline-block;"></textarea> </div>
  </div>
  <div class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.product_selling_point_attachments">
    <label class="form-item-label">产品卖点附件:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.product_selling_point_attachments" :ab-permission="permission.product_management.product_management.product_selling_point_attachments" desc="产品管理-产品卖点附件" :config="{'accept':{'extensions':'DOC,DOCX,pdf,doc,docx,txt,xls,xlsx','mimeTypes':'.DOC,.DOCX,.pdf,.doc,.docx,.txt,.xls,.xlsx'}}"></ab-upload> </div>
  </div>
  <div class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.marketing_suggestion_attachment">
    <label class="form-item-label">营销建议附件:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.marketing_suggestion_attachment" :ab-permission="permission.product_management.product_management.marketing_suggestion_attachment" desc="产品管理-营销建议附件" :config="{'accept':{'extensions':'DOC,DOCX,pdf,doc,docx,txt,xls,xlsx','mimeTypes':'.DOC,.DOCX,.pdf,.doc,.docx,.txt,.xls,.xlsx'}}"></ab-upload> </div>
  </div>
  <div class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.fill_in_the_acceptance_attachment">
    <label class="form-item-label">填写受理附件:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.fill_in_the_acceptance_attachment" :ab-permission="permission.product_management.product_management.fill_in_the_acceptance_attachment" desc="产品管理-填写受理附件" :config="{'accept':{'extensions':'DOC,DOCX,pdf,doc,docx,txt,xls,xlsx','mimeTypes':'.DOC,.DOCX,.pdf,.doc,.docx,.txt,.xls,.xlsx'}}"></ab-upload> </div>
  </div>
  <div class="col-xs-3 form-item" v-ab-permission:show="permission.product_management.product_management.related_policy_attachments">
    <label class="form-item-label">相关政策附件:</label>
    <div class="form-item-content"> <ab-upload href="javascript:void(0)" class=" btn btn-primary fa-upload" v-model="data.product_management.related_policy_attachments" :ab-permission="permission.product_management.product_management.related_policy_attachments" desc="产品管理-相关政策附件" :config="{'accept':{'extensions':'DOC,DOCX,pdf,doc,docx,txt,xls,xlsx','mimeTypes':'.DOC,.DOCX,.pdf,.doc,.docx,.txt,.xls,.xlsx'}}"></ab-upload> </div>
  </div>
</div>



</div>
